<div class="page-title">
	<a routerLink="/indexMy">
		<img style="margin-left: 1rem;width:1rem; " src="../../../assets/icons/back2.png" alt="" />
	</a>
	{{title}}
</div>
<div class="update-pwd" >
        <div class="first-step">
            <div class="input-box valid-box">
                <input type="text" placeholder="{{'registerPage.input-mail' | translate}}" [disabled]="type !== 3" [(ngModel)]="data.email" />
                <a style="color: rgba(42,91,200,1);" (click)="sendCode($event)">{{'registerPage.input-mailCode-get' | translate}}</a>
            </div>
            <div class="input-box">
                <input type="text" autocomplete="off" placeholder="{{'registerPage.input-mailCode' | translate}}" [(ngModel)]="data.verifyCode" />
            </div>
        </div>
        <div class="second-step" *ngIf="type === 1||type === 3">
            <div class="input-box">
                <input type="password" autocomplete="new-password" placeholder="{{'loginPage.input-password' | translate}}" [(ngModel)]="data.newPwd" />
            </div>
            <div class="input-box">
                <input type="password" autocomplete="new-password" placeholder="{{'registerPage.input-rePassword' | translate}}" [(ngModel)]="data.reNewPwd" />
            </div>
            <a class="btn-primary" (click)="sub()">{{'OK' | translate}}</a>
        </div>
        <div class="second-step" *ngIf="type === 2">
            <div class="input-box">
                <input type="password" autocomplete="new-password" placeholder="{{'updatePwd-page.zfmm' | translate}}" [(ngModel)]="data.tradePw" />
            </div>
            <div class="input-box">
                <input type="password" autocomplete="new-password" placeholder="{{'updatePwd-page.rezfmm' | translate}}" [(ngModel)]="data.reTradePw" />
            </div>
            <a class="btn-primary" (click)="sub()">{{'OK' | translate}}</a>
        </div>
</div>